<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body style="height:2000px">

<h2>Monaco Editor in fixed element</h2>

<div style="position: fixed; left: 20%; top: 20%; right: 20%; height: 400px; border:1px solid silver" id="Editor">

<script src="../metadata.js"></script>
<script src="dev-setup.js"></script>
<script>
	loadEditor(function() {
		monaco.editor.create(document.getElementById('Editor'), {
			value: document.documentElement.innerHTML,
			language: 'xml'
		});
	});
</script>
</body>
</html>